<template>
  <div>
    <Top />
    <section class="bg-green-600 flex-col flex items-center justify-center" style="height: 10vh;text-align: center;">
      <div class="container mx-auto px-4">
        <div class="row">
          <div class="col-md-12 text-center">
            <h2 class="text-4xl font-bold text-white">Catering Carbon Accounting</h2>
          </div>
        </div>
      </div>
    </section>

    <div class="bg-white py-16">
      <div class="max-w-7xl mx-auto px-8">
        <!-- Title Section -->
        <!-- <div class="text-center mb-8">
          <h1 class="text-2xl font-bold text-gray-800 mb-2">Catering Carbon Accounting</h1>
        </div> -->

        <!-- Introduction -->
        <div class="space-y-6 text-justify leading-relaxed">
          <p class="text-gray-700">
            In 2024, a study on the low-carbon transformation of China's diverse cuisine consumption, titled "GHG mitigation strategies on China's diverse dish consumption are key to meet the Paris Agreement targets", is published in Nature Food journal. The research was covered by several major outlets, including the China Science Daily, Carbon Brief, and the People's Daily app.
          </p>

          <p class="text-gray-700">
            Drawing on consumption data from over 800,488 restaurants across China's provinces, the team compiled a GHG-emissions inventory for 540 dishes spanning 36 regional cuisines. They then innovatively combined an integrated assessment model (IAM) with AI techniques to evaluate how food-consumption emissions affect the ability to reach climate targets. The study found that China's food system emitted approximately 4.64 billion tonnes of CO₂-equivalent in 2020—about 37 percent of the nation's total emissions—with an average of 8.44 kg CO₂e per dish.
          </p>

          <!-- Research Results Image -->
          <div class="flex flex-col items-center justify-center my-8">
            <img src="/images/plan/5.png" alt="Research Results Title" class="rounded-lg shadow-lg" style="max-width: 100%; height: auto;">
            <p class="text-sm text-gray-600 mt-2 text-center">Fig. 1 Research Results Title</p>
          </div>

          <p class="text-gray-700">
            In the broader context of China's "dual carbon" goals, and with the aim of creating new productive forces in foodservice consumption and driving a low-carbon dietary transition, the Ambition 3E platform has translated its research into practice by simultaneously developing catering-emissions monitoring and management tools: the PC-based Ambition 3E Catering Emissions Accounting Platform and the mobile "Green Foodie" app—both freely available to foodservice platforms, related enterprises, and consumers.
          </p>
        </div>

        <!-- Section 1: Catering Emission Accounting Platform -->
        <div class="mt-12">
          <h3 class="text-xl font-bold text-gray-800 mb-4">1. Catering Emission Accounting Platform</h3>
          
          <p class="text-gray-700 mb-6">
            The Catering Carbon-Emissions Accounting Platform is a web-based tool developed by the Ambition 3E team for catering enterprises to monitor their GHG emissions in real time, explore dynamic pricing models to curb consumption of high-emission dishes, and integrate with existing energy and sales management systems to achieve both cost savings and greener consumption.
          </p>

          <p class="text-gray-700 mb-6">
            By embedding full life-cycle algorithms and intelligently modeling multidimensional dining scenarios, it delivers finely-granular accounting of carbon metrics across all scopes; based on the resulting carbon "health-check" reports, users can perform visual data analysis. With both a PC portal and a mobile app, enterprises can manage their carbon accounts anytime, anywhere. Through periodic tracking of measured emissions, businesses can uncover customer preferences and the temporal evolution of their GHG output—creating low-carbon exemplars to attract diners—and, by establishing a catering carbon account, lay the data groundwork needed to participate in inclusive carbon-trading schemes.
          </p>
        </div>

        <!-- Section 2: Restaurant-side emission calculator -->
        <div class="mt-12">
          <h3 class="text-xl font-bold text-gray-800 mb-4">2. Restaurant-side emission calculator</h3>
          
          <p class="text-gray-700 mb-6">
            Enterprises can go to the "Carbon Neutral Solutions" section on the Ambition 3E website and click "Catering Carbon Accounting" to access the restaurant carbon-emission platform. Once users register their basic information, they can immediately use all of the platform's features.
          </p>

          <!-- Platform Interface Image -->
          <div class="flex flex-col items-center justify-center my-8">
            <img src="/images/plan/6.png" alt="Platform Interface" class="rounded-lg shadow-lg" style="max-width: 100%; height: auto;">
            <p class="text-sm text-gray-600 mt-2 text-center">Fig. 2 Platform Interface.</p>
          </div>

          <p class="text-gray-700 mb-6">
            After completing registration, click <span class="font-bold">Back</span>, then on the platform homepage click <span class="font-bold">Carbon Calculator</span> in the top-right corner to enter the catering accounting interface and begin your accounting journey.
          </p>

          <!-- Accounting Information Interface Image -->
          <div class="flex flex-col items-center justify-center my-8">
            <img src="/images/plan/7.png" alt="Accounting Information Interface" class="rounded-lg shadow-lg" style="max-width: 100%; height: auto;">
            <p class="text-sm text-gray-600 mt-2 text-center">Fig. 3 Accounting Information Interface.</p>
          </div>

          <p class="text-gray-700 mb-4">
            The calculator is divided into two sections: <span class="font-bold">Basic Information</span> and <span class="font-bold">Dish Information</span>.
          </p>

          <p class="text-gray-700 mb-4">
            <span class="font-bold">Basic Information</span> includes province, city, and the accounting time range.
          </p>

          <p class="text-gray-700 mb-6">
            <span class="font-bold">Dish Information</span> requires you first to select a cuisine, then choose and add specific dishes.
          </p>

          <p class="text-gray-700 mb-6">
            For example, using Sichuan cuisine's "Kou Shui Ji" (Mouth-watering Chicken) shown below: during the dish-addition process you can specify the cooking method, cooking duration, ingredients, and other details. After completing the entries, click <span class="font-bold">Save</span>. Once all dishes have been added, click <span class="font-bold">Calculate</span> to obtain the restaurant's dish carbon-emission accounting results.
          </p>

          <!-- Dish Addition Interface Image -->
          <div class="flex flex-col items-center justify-center my-8">
            <img src="/images/plan/8.png" alt="Dish Addition Interface" class="rounded-lg shadow-lg" style="max-width: 100%; height: auto;">
            <p class="text-sm text-gray-600 mt-2 text-center">Fig. 4 Dish Addition Interface</p>
          </div>

          <p class="text-gray-700 mb-6">
            The specific calculation results include the emissions situation across all cities nationwide; the GHG-emission distribution for each individual dish; the total GHG-emission distribution from dish consumption; a ranking of restaurant dishes by consumption volume; the emission distribution from total raw-material usage; the low-carbon rating; and an overall restaurant evaluation.
          </p>

          <!-- Calculation Results Images -->
          <div class="my-8 space-y-8">
            <div class="flex flex-col items-center justify-center">
              <img src="/images/plan/9.png" alt="Calculation Results Interface 1" class="rounded-lg shadow-lg" style="max-width: 100%; height: auto;">
              <p class="text-sm text-gray-600 mt-2 text-center">Fig. 5 Calculation Results Interface 1.</p>
            </div>
            
            <div class="flex flex-col items-center justify-center">
              <img src="/images/plan/10.png" alt="Calculation Results Interface 2" class="rounded-lg shadow-lg" style="max-width: 100%; height: auto;">
              <p class="text-sm text-gray-600 mt-2 text-center">Fig. 6 Calculation Results Interface 2.</p>
            </div>
          </div>
        </div>

        <!-- Restaurant-specified Functions -->
        <div class="mt-12">
          <h3 class="text-xl font-bold text-gray-800 mb-4">Restaurant-specified Functions</h3>
          
          <p class="text-gray-700 mb-6">
            The primary functions of the restaurant carbon-emission accounting platform include <span class="font-bold">Carbon Health Check</span>, <span class="font-bold">Carbon-Label Pricing</span>, <span class="font-bold">Carbon-Asset Development & Management</span>, and <span class="font-bold">Custom Carbon-Reduction Plans</span>
          </p>

          <p class="text-gray-700 mb-4">
            <span class="font-bold">Carbon Health Check</span> provides free carbon-emission assessment services to foodservice enterprises. It combines professional consulting, data collection, and visual analysis to help businesses understand their current carbon footprint.
          </p>

          <p class="text-gray-700 mb-4">
            <span class="font-bold">Carbon Label Pricing</span> uses dish-level carbon-footprint results to design customized differential pricing strategies. Through a carbon-label certification system, it helps restaurants become carbon-neutral, guides consumers toward low-carbon choices, and supports enterprises in achieving both green transformation and improved business performance.
          </p>

          <p class="text-gray-700 mb-4">
            <span class="font-bold">Carbon-Asset Development & Management</span> employs big-data analysis of time-series carbon emissions, compared against industry benchmarks for individual items, to accurately identify reduction opportunities and formulate scientific carbon-reduction plans. This function assists businesses in developing and managing carbon assets, integrating with carbon-trading markets to realize gains in carbon asset value and operational revenue.
          </p>

          <p class="text-gray-700 mb-6">
            <span class="font-bold">Custom Carbon-Reduction Plans</span> are tailored to the unique characteristics of each enterprise, developing methodologies suitable for multiple scenarios to meet customized needs of the carbon-management platform, and enabling intelligent and efficient management.
          </p>

          <p class="text-gray-700 mb-6">
            These functions together form a comprehensive carbon management system for foodservice companies—covering monitoring and assessment, asset development, and execution of reduction strategies.
          </p>

          <!-- Platform Functions Image -->
          <div class="flex flex-col items-center justify-center my-8">
            <img src="/images/plan/11.png" alt="Platform Functions" class="rounded-lg shadow-lg" style="max-width: 100%; height: auto;">
            <p class="text-sm text-gray-600 mt-2 text-center">Fig. 7 Platform Functions</p>
          </div>
        </div>

        <!-- Section 3: The Green Foodie App -->
        <div class="mt-12">
          <h3 class="text-xl font-bold text-gray-800 mb-4">3. The Green Foodie App</h3>
          
          <div class="flex items-start mb-6">
            <img src="/images/plan/12.png" alt="Green Foodie App Icon" class="w-32 h-32 mr-4 rounded-lg">
            <div>
              <p class="text-gray-700">
                The Green Foodie App is a mobile application developed by the Ambition 3E team for calculating carbon emissions from food consumption. It serves two primary user groups: restaurant businesses and food enthusiasts. The app not only helps businesses calculate the carbon emissions of their food consumption on a daily and monthly basis, but also provides dynamic data monitoring, management, and visual analysis solutions. This supports the development of new green productive capacities in the food service industry. Additionally, the app encourages individual users to pay attention to their dietary carbon footprint and reduce food waste. By establishing food consumption emission accounts for food enthusiasts, it fosters low-carbon eating habits and awareness, helps users accumulate carbon-inclusive transaction credits, and promotes the transition to green consumption.
              </p>
            </div>
          </div>
        </div>

        <!-- Section 4: Features of the Green Foodie App -->
        <div class="mt-12">
          <h3 class="text-xl font-bold text-gray-800 mb-4">4. Features of the Green Foodie App</h3>
          
          <p class="text-gray-700 mb-6">
            Users can search for "Green Foodie" in mobile app stores to download and use the application. On the initial interface, they can choose between <span class="font-bold">[Personal Food Carbon Accounting]</span> or <span class="font-bold">[Restaurant Dish Carbon Accounting]</span> to proceed.
          </p>

          <!-- Application Interface Images -->
          <div class="flex flex-col items-center justify-center my-8">
            <div class="flex justify-center space-x-4">
              <img src="/images/plan/13.png" alt="App Interface 1" class="rounded-lg shadow-lg" style="max-width: 200px; height: auto;">
              <img src="/images/plan/14.png" alt="App Interface 2" class="rounded-lg shadow-lg" style="max-width: 200px; height: auto;">
            </div>
            <p class="text-sm text-gray-600 mt-4 text-center">Fig. 8 Application Interface</p>
          </div>

          <p class="text-gray-700 mb-6">
            Taking restaurant dish accounting as an example, on the accounting interface, users can scan the receipt to recognize and add dishes. The dish selection process begins with choosing the cuisine type and specific dish, followed by optional selections for region, year, and information on the dish's cooking method and ingredients.
          </p>

          <!-- Dish Selection Interface Images -->
          <div class="flex flex-col items-center justify-center my-8">
            <div class="flex justify-center space-x-4">
              <img src="/images/plan/15.png" alt="Dish Selection Interface 1" class="rounded-lg shadow-lg" style="max-width: 200px; height: auto;">
              <img src="/images/plan/16.png" alt="Dish Selection Interface 2" class="rounded-lg shadow-lg" style="max-width: 200px; height: auto;">
            </div>
            <p class="text-sm text-gray-600 mt-4 text-center">Fig. 9 Dish Selection/Addition and Result Visualization</p>
          </div>

          <p class="text-gray-700 mb-6">
            After adding dishes, carbon accounting for the meal can be performed. The calculation results include information such as total carbon emissions, per-meal carbon emissions, and the restaurant's low-carbon rating, enabling restaurants to manage their carbon emissions scientifically and accurately. Further, periodic carbon emission reports can be generated to help identify emission hotspots and formulate targeted improvement strategies.
          </p>

          <p class="text-gray-700 mb-6">
            For individual users, the app allows them to view their dietary carbon footprint. By comparing and taking on challenges, users are encouraged to reduce emissions, fostering a green and environmentally friendly lifestyle and contributing personally to resource conservation and environmental protection.
          </p>

          <p class="text-gray-700 mb-6">
            The tools can be customized and applied in any other territories to achieve the emission accounting of catering industry, on both restaurant and individual levels.
          </p>
        </div>
      </div>
    </div>
    <Bottom />
  </div>
</template>

<script setup>
definePageMeta({
  layout: false
})
</script>

<style scoped>
p {
  text-indent: 1.5em;
  line-height: 1.6;
  text-align: start;
}

h3, h4 {
  text-indent: 0;
}

.text-center p {
  text-indent: 0;
}
</style>